<template>
  <div class="custom-card">
    <div class="custom-card-title">督办工单情况</div>
    <LineBar
      :xAxisData="barXAxisData"
      :seriesData="barSeriesData"
      style="height: 300px"
    />
  </div>
</template>

<script setup>
import LineBar from "@/components/echarts/lineBar.vue";
const props = defineProps({
  barXAxisData: Array,
  barSeriesData: Array,
});
</script>

<style scoped>
.custom-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.04);
  padding: 24px;
  margin-bottom: 24px;
}
.custom-card-title {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
}
</style>
